<template>
  <div class="data-collection-page page-wrap">
    <!-- 头部 -->
    <container></container>
    <!-- 主体页面区域 -->
    <div class="container-panel">
      <!-- 左侧树形菜单 -->
      <div class="tree-container">
        <side-menu></side-menu>
      </div>
      <!-- 右侧内容区域 -->
      <div class="content-right-content border-box">
        <!-- 面板内容 -->
        <router-view></router-view>
      </div>
    </div>
    <!-- 底部 -->
    <bottom-tip></bottom-tip>
  </div>
</template>
<script>
import Container from "@/components/Container";
import BottomTip from "@/components/BottomTip";
import SideMenu from "@/components/sideMenu/index.vue";

export default {
  components: {
    Container,
    BottomTip,
    SideMenu
  },
  data() {
    return {};
  },
  computed: {},
  created() {}
};
</script>
<style lang="less" scoped>
.content-cotainer {
  padding: 0 20px 20px 20px;
  height: 100%;
}
.tree-container {
  background: pink;
}
</style>
